﻿@charset "utf-8";
* {
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
	background: transparent;
	letter-spacing: .5px
}

div,
dl,
dt,
dd,
form,
h1,
h2,
h3,
h4,
h5,
h6,
img,
ol,
ul,
li,
table,
th,
td,
p,
span,
a {
	border: 0
}

img,
input {
	border: 0;
	vertical-align: middle
}

body {
	font-family: Microsoft YaHei, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	background: #FFF;
	color: #000
}

html {
	overflow-y: scroll
}

ul,
ol,
li {
	list-style: none
}

th,
td,
input {
	font-size: 12px
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: 400
}

h3 {
	font-size: 14px
}

button {
	border: 0;
	cursor: pointer;
	font-size: 12px;
	background-color: transparent
}

select {
	border-width: 1px;
	_zoom: 1;
	border-style: solid;
	padding-top: 2px;
	font-size: 12px
}

.clear {
	clear: both;
	font-size: 1px;
	height: 0;
	visibility: hidden;
	line-height: 0
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clearfix {
	*zoom: 1
}

a {
	cursor: pointer
}

a:link,
a:visited {
	text-decoration: none;
	color: #000
}

a:hover,
a:active {
	text-decoration: none;
	color: #db2726
}

.wrapper {
	position: relative
}

.homePage .content_container {
	overflow: hidden;
	padding-top: 20px
}

.homePage .content_container h3 {
	width: 100%;
	height: 28px;
	overflow: hidden;
	margin-bottom: 10px;
	font-size: 24px
}

.homePage .content_container h3 .spanTitle {
	display: block;
	height: 28px;
	line-height: 26px;
	float: left;
	padding: 0 10px
}

.homePage .content_container h3 .spanLeft {
	width: 6px;
	height: 28px;
	float: left;
	background: url(../img/icon_title.png) no-repeat left top
}

.homePage .content_container h3 .spanRight {
	width: 6px;
	height: 28px;
	float: left;
	background: url(../img/icon_title.png) no-repeat right top
}

.homePage .content_container h3 .right_more_a {
	float: right;
	font-size: 12px;
	margin-right: 20px;
	line-height: 43px
}

.homePage .content_container .topBanner {
	width: 100%;
	height: 100px;
	overflow: hidden;
	margin-bottom: 40px
}

.homePage .content_container .topBanner img {
	width: 1000px;
	height: 100px
}

.homePage .eventList {
	width: 1020px;
	height: auto;
	overflow: hidden;
	padding-bottom: 20px
}

.homePage .rightBanner {
	width: 320px;
	height: 484px;
	overflow: hidden;
	position: relative;
	float: right;
	position: relative;
	left: -20px;
	margin-bottom: 20px
}

.homePage .rightBanner img {
	width: 100%
}

.homePage .rightBanner .rightBanner_leftpage {
	width: 25px;
	height: 40px;
	background: url(../img/bigbanner_leftarrows.png) no-repeat;
	position: absolute;
	left: 6px;
	top: 228px;
	cursor: pointer
}

.homePage .rightBanner .rightBanner_rightpage {
	width: 25px;
	height: 40px;
	background: url(../img/bigbanner_rightarrows.png) no-repeat;
	position: absolute;
	right: 7px;
	top: 228px;
	cursor: pointer
}

.homePage .rightBanner .theBannerPage {
	bottom: 10px
}

.home-silo-banner {
	position: relative;
	float: left;
	width: 320px;
	height: 484px;
	overflow: hidden;
	margin: 0 20px 20px 0;
	text-align: center;
	background: url(../img/home_silo_banner.jpg) 0 0 no-repeat
}

.home-men-banner {
	background-position: -320px 0
}

.home-cosmetics-banner {
	background-position: -640px 0
}

.home-lifestyle-banner {
	background-position: -960px 0
}

.home-kids-banner {
	background-position: -1280px 0
}

.home-crossborder-banner {
	background-position: -1600px 0
}

.home-silo-block {
	position: absolute;
	left: 0;
	top: 300px;
	width: 320px
}

.home-silo-banner h4 {
	height: 71px;
	background: url(../img/home_silo_title.png) 50% 0 no-repeat;
	text-indent: -999em
}

.home-women-banner h4 {
	height: 74px
}

.home-men-banner h4 {
	background-position: 50% -75px;
	height: 72px
}

.home-cosmetics-banner h4 {
	background-position: 50% -151px
}

.home-lifestyle-banner h4 {
	background-position: 50% -225px
}

.home-kids-banner h4 {
	background-position: 50% -300px;
	height: 72px
}

.home-crossborder-banner h4 {
	background-position: 50% -375px;
	height: 82px
}

.home-silo-box {
	width: 217px;
	padding: 6px 0;
	margin: 8px auto 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	line-height: 20px
}

.home-silo-lifestyle-box {
	width: 243px
}

.home-silo-cats {
	padding: 4px 5px 7px
}

.home-silo-cats a {
	display: inline-block;
	padding: 0 3px;
	font-size: 14px
}

.home-silo-women-box a:hover,
.home-silo-men-box a:hover,
.home-silo-cosmetics-box a:hover,
.home-silo-kids-box a:hover,
.home-silo-lifestyle-box a:hover {
	color: #db2726
}

.home-silo-banner .view-more,
.home-silo-cosmetics-box .view-more,
.home-silo-kids-box .view-more {
	display: inline-block;
	padding: 0 12px 0 0;
	background: url('') 100% 0 no-repeat;
	*background-image: url(../img/home_silo_arrow.png)
}

.eventMore {
	display: block;
	clear: both;
	margin-right: 20px;
	text-align: right;
	background: url(../img/icon_arrows_right_black.gif) right center no-repeat;
	padding-right: 8px
}

.homePage .commodityList {
	width: 1020px;
	height: auto;
	overflow: hidden;
	padding-bottom: 32px
}

.homePage .commodityList h3 {
	margin-bottom: 20px
}

.homePage .commodityList .theCommodity {
	width: 184px;
	height: auto;
	overflow: hidden;
	float: left;
	text-align: center;
	line-height: 18px;
	white-space: nowrap;
	margin-right: 20px
}

.homePage .commodityList .theCommodity .theCommodity_img {
	display: block;
	width: 182px;
	height: 242px;
	margin-bottom: 7px;
	overflow: hidden;
	position: relative
}

.homePage .commodityList .theCommodity .theCommodity_img img {
	width: 100%
}

.activitiesList {
	width: 100%;
	height: auto;
	overflow: hidden
}

.homePage .activitiesList h3 {
	margin-bottom: 20px
}

.activitiesList .activitiesHeader {
	width: 1000px;
	height: 25px;
	overflow: hidden;
	font-size: 14px;
	position: relative
}

.activitiesList .activitiesHeader .div1 {
	float: left;
	height: 16px;
	line-height: 16px;
	border-left: 1px solid #000
}

.activitiesList .activitiesHeader .div1 span {
	display: block;
	height: 16px;
	line-height: 16px;
	float: left;
	width: 89px;
	text-align: center;
	cursor: pointer;
	border-right: 1px solid #000
}

.activitiesList .activitiesHeader .div2 {
	height: 27px;
	position: absolute;
	right: 0;
	top: -7px
}

.activitiesList .activitiesHeader .div2 span {
	font-size: 27px;
	height: 27px;
	color: #db2726;
	font-family: Constantia;
	position: relative;
	display: inline-block;
	bottom: 1px
}

.activitiesList .activitiesHeader .theSlider {
	width: 90px;
	height: 4px;
	overflow: hidden;
	background-color: #000;
	position: absolute;
	bottom: 0;
	left: 0
}

.activitiesList .activitiesHeader1 {
	width: 1000px;
	height: 1px;
	font-size: 14px;
	position: relative;
	z-index: 1
}

.activitiesList .activitiesHeader1 .div2 {
	height: 27px;
	position: absolute;
	right: 0;
	top: -36px
}

.activitiesList .activitiesHeader1 .div2 span {
	font-size: 27px;
	color: #db2726;
	font-family: Constantia;
	position: relative;
	bottom: 1px
}

.activitiesList .activitiesContent {
	width: 1020px;
	height: auto;
	padding-top: 9px
}

.activitiesList .activitiesContent .theActivities {
	width: 318px;
	height: 88px;
	overflow: hidden;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	border: 1px solid #e7e7e7;
	position: relative;
	background-color: #f2f2f2
}

.activitiesList .activitiesContent .theActivities .theMask {
	width: 318px;
	height: 88px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	filter: alpha(opacity=70);
	-moz-opacity: .7;
	-khtml-opacity: .7;
	opacity: .7;
	z-index: 1;
	background-color: #000
}

.activitiesList .activitiesContent .theActivities .theButton {
	width: 120px;
	height: 30px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -60px;
	top: 30px;
	color: #fff;
	line-height: 30px;
	text-align: center;
	background-color: #db2726;
	z-index: 2
}

.activitiesList .activitiesContent .theActivities .theButton a {
	color: #fff
}

.activitiesList .activitiesContent .theActivities .theButton a:hover {
	color: #fff;
	text-decoration: underline
}

.activitiesList .activitiesContent .theActivities .theButton a:visited {
	color: #fff
}

.activitiesList .activitiesContent .theActivities .theButton span {
	display: block;
	width: 10%;
	height: 30px;
	text-align: center;
	float: left
}

.activitiesList .activitiesContent .theActivities .theButton .aLeft {
	display: block;
	width: 50%;
	height: 30px;
	text-align: center;
	float: left
}

.activitiesList .activitiesContent .theActivities .theButton .aRight {
	display: block;
	width: 50%;
	height: 30px;
	text-align: center;
	float: left;
	background-color: #999
}

.activitiesList .activitiesContent .theActivities .theButton .a1 {
	display: block;
	width: 100%;
	height: 30px
}

.activitiesList .activitiesContent .theActivities .theButton .a2 {
	display: block;
	width: 100%;
	height: 30px;
	background-color: #999
}

.activitiesList .activitiesContent .theActivities .theButton .a3 {
	display: block;
	width: 45%;
	float: left;
	height: 30px;
	text-align: center;
	color: white
}

.activitiesList .activitiesContent .theActivities .theActivitiesImg {
	width: 149px;
	height: 88px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #fff
}

.activitiesList .activitiesContent .theActivities .theActivitiesImg img {
	width: 100%
}

.activitiesList .activitiesContent .theActivities .theActivitiesExplain {
	width: 169px;
	height: 88px;
	overflow: hidden;
	float: right;
	position: relative
}

.activitiesList .activitiesContent .theActivities .theActivitiesExplain p {
	margin-top: 10px;
	margin-left: 10px
}

.activitiesList .activitiesContent .theActivities .theActivitiesExplain p:first-child {
	max-height: 32px;
	overflow: hidden
}

.activitiesList .activitiesContent .theActivities .theActivitiesExplain p span {
	font-size: 18px
}

.activitiesList .activitiesContent .theActivities .theActivitiesExplain .theActivitiesExplainNotes {
	position: absolute;
	bottom: 5px;
	right: 5px;
	color: #db2726
}

.subscribe_container {
	width: 100%;
	height: 100px;
	background-color: #4c4c4c;
	position: relative;
	z-index: 7
}

.subscribe_container .subscribe {
	width: 1000px;
	height: 100px;
	margin: 0 auto
}

.subscribe_container .subscribe .subscribeExplain {
	width: 150px;
	height: 50px;
	float: left;
	color: #fff;
	font-size: 14px;
	text-align: left;
	padding-top: 30px
}

.subscribe_container .subscribe .subscribeExplain .p1 {
	letter-spacing: 1.5px
}

.subscribe_container .subscribe .subscribeExplain .p2 {
	letter-spacing: 3.6px
}

.subscribe_container .subscribe .subscribeBrand_leftpage {
	width: 13px;
	height: 100px;
	background: url(../img/icon_arrows_left1.gif) no-repeat;
	float: left;
	background-position: 0 35px;
	cursor: pointer;
	margin-right: 20px
}

.subscribe_container .subscribe .subscribeBrand_rightpage {
	width: 13px;
	height: 100px;
	background: url(../img/icon_arrows_right1.gif) no-repeat;
	float: left;
	background-position: 0 35px;
	cursor: pointer;
	margin-left: -1px
}

.subscribe_container .subscribe .subscribeBrand {
	width: 351px;
	height: 100px;
	float: left;
	overflow: hidden
}

.subscribe_container .subscribe .subscribeBrand .theSubscribe {
	width: 97px;
	height: 80px;
	padding-top: 20px;
	padding-right: 20px;
	float: left;
	position: relative
}

.subscribe_container .subscribe .subscribeBrand .theSubscribeImg {
	width: 95px;
	height: 57px;
	background-color: #fff;
	overflow: hidden;
	border: 1px solid #e7e7e7
}

.subscribe_container .subscribe .subscribeBrand .theSubscribeImg img {
	width: 95px;
	height: 57px
}

.subscribe_container .subscribe .subscribeBrand .theSubscribe .subscribeCancel {
	display: block;
	width: 20px;
	height: 20px;
	background: url(../img/icon_delete1.png) no-repeat;
	position: absolute;
	top: 10px;
	right: 8px
}

.subscribe_container .subscribe .subscribeRight {
	width: auto;
	height: 68px;
	padding-top: 32px;
	float: left
}

.subscribe_container .subscribe .subscribeRight .subscribePhone {
	width: 138px;
	height: 28px;
	line-height: 28px;
	border: 1px solid #e7e7e7;
	padding-left: 10px;
	color: #999;
	background-color: #fff;
	float: left;
	margin-left: 30px;
	margin-right: 10px
}

.subscribe_container .subscribe .subscribeRight .subscribeMessage {
	display: block;
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background-color: #db2726;
	color: #fff;
	float: left;
	position: relative;
	z-index: 1
}

.subscribe_container .subscribe .subscribeRight .subscribeMessage:hover {
	color: #fff
}

.subscribe_container .subscribe .subscribeRight .subscribeMessage:visited {
	color: #fff
}

.subscribe_container .subscribe .subscribeRight .subscribeLine {
	width: 2px;
	height: 16px;
	overflow: hidden;
	background-color: #b4b4b4;
	float: left;
	margin: 7px 20px 0 20px
}

.subscribe_container .subscribe .subscribeRight .subscribeMessage .pop_up_box {
	width: 170px;
	height: auto;
	top: 30px;
	left: -35px;
	cursor: auto
}

.subscribe_container .subscribe .subscribeRight .subscribeMessage .pop_up_box .box_content {
	width: 150px;
	height: 110px
}

.subscribe_container .subscribe .subscribeRight .subscribeMessage .box_content {
	height: auto;
	overflow: hidden;
	padding: 10px;
	padding-top: 20px;
	-moz-box-shadow: 0 0 5px #777;
	-webkit-box-shadow: 0 0 5px #777;
	box-shadow: 0 0 5px #777;
	background-color: #fff;
	position: relative;
	text-align: center;
	top: -3px\9;
	*top: -3px;
	+top: -3px;
	_top: -3px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=0, Strength=3) progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=90, Strength=3) progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=180, Strength=3) progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=270, Strength=3)
}

.subscribe_container .subscribe .subscribeRight .subscribeMessage .box_content .closed {
	display: block;
	width: 11px;
	height: 11px;
	background: url(../img/icon_close2.png) no-repeat;
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer
}

.subscribe_container .subscribe .subscribeRight .subscribeMessage .box_content img {
	width: 90px;
	height: 90px
}

.subscribe_container .subscribe .subscribeRight .subscribeMessage .box_content p {
	color: #000;
	line-height: 20px
}

.bottomBanner {
	width: 1000px;
	height: 200px;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 20px
}

.bottomBanner ul li {
	height: 200px;
	float: left;
	position: relative
}

.bottomBanner ul .li1 {
	width: 255px
}

.bottomBanner ul .li1 img {
	position: absolute;
	bottom: 0;
	left: 0
}

.bottomBanner ul .li2 {
	width: 235px
}

.bottomBanner ul .li2 img {
	position: absolute;
	bottom: 0;
	right: 0
}

.MGM .content_container .left_content {
	width: 443px;
	height: 532px;
	overflow: hidden;
	float: left
}

.MGM .content_container .right_content {
	padding-top: 73px;
	width: 530px;
	height: 459px;
	overflow: hidden;
	float: right
}

.MGM .content_container .right_content h2 {
	width: 100%;
	height: auto;
	overflow: hidden;
	font-size: 40px;
	margin-bottom: 10px
}

.MGM .content_container .right_content .text1 {
	width: 100%;
	height: auto;
	overflow: hidden;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 24px
}

.MGM .content_container .right_content h3 {
	font-weight: bold
}

.MGM .content_container .right_content .invitationLink {
	width: 100%;
	height: auto;
	overflow: hidden
}

.MGM .content_container .right_content .invitationLink h3 {
	font-weight: bold;
	line-height: 30px;
	width: 110px;
	float: left
}

.MGM .content_container .right_content .invitationLink input {
	width: 329px;
	height: 28px;
	line-height: 28px;
	border: 1px solid #999;
	padding-left: 5px
}

.MGM .content_container .right_content .text2 {
	width: auto;
	height: auto;
	overflow: hidden;
	padding-left: 110px;
	line-height: 18px;
	padding-top: 3px
}

.MGM .content_container .right_content .theButton {
	width: auto;
	height: auto;
	overflow: hidden;
	padding-left: 110px;
	padding-top: 10px;
	margin-bottom: 18px
}

.MGM .content_container .right_content .theButton .button3 {
	width: 103px
}

.MGM .content_container .right_content .theInvitation {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-top: 15px;
	padding-bottom: 28px;
	border-bottom: 1px solid #e7e7e7
}

.MGM .content_container .right_content .theInvitation .weibo {
	display: block;
	float: left;
	width: 93px;
	height: 23px;
	background: url(../img/icon_mgm_weibo.png) no-repeat;
	padding-left: 35px;
	line-height: 23px
}

.MGM .content_container .right_content .theInvitation .mail {
	display: block;
	float: left;
	width: 100px;
	height: 23px;
	background: url(../img/icon_mgm_email.png) no-repeat;
	background-position: 0 4px;
	padding-left: 35px;
	line-height: 23px
}

.MGM .content_container .right_content .text3 {
	width: 100%;
	height: auto;
	overflow: hidden;
	font-size: 15px;
	font-weight: bold;
	padding-top: 26px
}

.MGM .content_container .bottom_conent {
	width: 100%;
	height: 171px;
	padding-bottom: 40px
}

.MGM .content_container .bottom_conent ul {
	width: 1020px
}

.MGM .content_container .bottom_conent ul li {
	width: 278px;
	height: 131px;
	border: 1px solid #e7e7e7;
	background-color: #fff;
	float: left;
	margin-right: 20px;
	position: relative;
	padding: 20px;
	text-align: center
}

.MGM .content_container .bottom_conent ul li .step1 {
	width: 70px;
	height: 70px;
	background: url(../img/step_img.png) no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	top: -35px
}

.MGM .content_container .bottom_conent ul li .step2 {
	width: 70px;
	height: 70px;
	background: url(../img/step_img.png) no-repeat;
	background-position: 0 -70px;
	text-indent: -9999px;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	top: -35px
}

.MGM .content_container .bottom_conent ul li .step3 {
	width: 70px;
	height: 70px;
	background: url(../img/step_img.png) no-repeat;
	background-position: 0 -140px;
	text-indent: -9999px;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	top: -35px
}

.MGM .content_container .bottom_conent ul li .title {
	width: 100%;
	height: auto;
	overflow: hidden;
	font-size: 20px;
	font-weight: bold;
	padding-top: 25px;
	padding-bottom: 10px
}

.MGM .content_container .bottom_conent ul li .introduction {
	width: 100%;
	height: auto;
	overflow: hidden;
	line-height: 18px
}